<template>
  <div class='outer'>
    <Tab title="美食">
      <img width='200' height="200" />
    </Tab>
    <Tab title="游戏">
      <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
      </ul>
    </Tab>
    <Tab title='电影'>
      <video width="200" autoplay muted></video>
    </Tab>
  </div>
</template>

<script>
import Tab from './components/Tab'

export default {
  name:'App',
  components:{
    Tab
  },
  data() {
    return {
      tabData: [],
    };
  },
}
</script>

<style>
.outer{
  display: flex;
  background:palegreen;
  justify-content: space-around;
  
}
</style>